  <head>
        <!-- jQuery -->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <!-- BEGIN TimelineJS -->
        <script type="text/javascript" src="http://cdn.knightlab.com/libs/timeline/latest/js/storyjs-embed.js"></script>
        <script>
        var dataObject = {
        	    "timeline":
        	    {
        	        "headline":"The Main Timeline Headline Goes here",
        	        "type":"default",
        	        "text":"<p>Intro body text goes here, some HTML is ok</p>",
        	        "asset": {
        	            "media":"http://yourdomain_or_socialmedialink_goes_here.jpg",
        	            "credit":"Credit Name Goes Here",
        	            "caption":"Caption text goes here"
        	        },
        	        "date": [
        	            {
        	                "startDate":"2011,12,10",
        	                "endDate":"2011,12,11",
        	                "headline":"HEADLINE1",
        	                "text":"<p>TEXT1</p>",
        	                "tag":"This is Optional",
        	                "classname":"optionaluniqueclassnamecanbeaddedhere",
        	                "asset": {
        	                    "thumbnail":"optional-32x32px.jpg",
        	                    "credit":"Credit Name Goes Here",
        	                    "caption":"Caption text goes here"
        	                }
        	            },
        	            {
         	                "startDate":"2012,12,10",
         	                "endDate":"2012,12,11",
         	                "headline":"HEADLINE2",
         	                "text":"<p>TEXT2</p>",
         	                "tag":"This is Optional",
         	                "classname":"optionaluniqueclassnamecanbeaddedhere",
         	                "asset": {
         	                    "thumbnail":"optional-32x32px.jpg",
         	                    "credit":"Credit Name Goes Here",
         	                    "caption":"Caption text goes here"
         	                }
         	            },
         	           {
          	                "startDate":"2014,12,10",
          	                "endDate":"2014,12,11",
          	                "headline":"HEADLINE3",
          	                "text":"<p>TEXT3</p>",
          	                "tag":"This is Optional",
          	                "classname":"optionaluniqueclassnamecanbeaddedhere",
          	                "asset": {
          	                    
          	                }
          	            },
          	          {"startDate":"111,7,5",
          	            	"endDate":"111,7,5",
          	            	"headline":"The Associated Press reports that U.S. President Barack Obama's uncle, Onyango Obama, 67, is stopped on suspicion of drunken driving in Framingham, Massachusetts. ",
          	            	"text":"<a href='google.com'>abc </a>",
          	            	"classname":"optionaluniqueclassnamecanbeaddedhere",
          	            	"asset":{}
          	            	},
         	            
        	        ]
        	    }
      
        	};
        
            $(document).ready(function() {
                createStoryJS({
                    type:       'timeline',
                    width:      '800',
                    height:     '600',
                    source:     dataObject,
                    embed_id:   'my-timeline'
                });
            });
        </script>
        <!-- END TimelineJS -->
    </head>
    <body>  
        <div id="my-timeline"></div>
    </body>